<article class="module-account module-account-wallet">
    <div class="ui-account-box">
        <h3 class="ui-title">{{ $t('wallet.walletInfo') }}</h3>
        <div class="ui-account-box-inner">
            <div class="asset-info" >
                <asset-drop v-if="coinList" :coin="coinType" :coin-list="coinList" :onSuccess="changeCoinType"></asset-drop>
                <div class="cion-description">{{ $t('wallet.coinDescription') }}</div>
            </div>
            <div class="box-content">
                <div class="form-wrap">
                    <validator :rules="rules">
                        <form class="m-form-page" name="form" action="javascript:;">
                            <div class="col-row">
                                <div class="col-label" style="width: 128px;">
                                    <label>{{ $t('wallet.tips') }}</label>
                                </div>
                                <div class="col-text col-text--block">
                                    <input type="text"
                                           class="fn-block"
                                           id="tips"
                                           name="tips"
                                           maxlength="10"
                                           autocomplete="off"
                                           :placeholder="$t('wallet.tipsRequireTip')"
                                           v-model="form.tips">
                                    <div class="ui-tip"></div>
                                </div>
                            </div>
                            <div class="col-row">
                                <div class="col-label" style="width: 128px;">
                                    <label>{{ $t('common.address') }}</label>
                                </div>
                                <div class="col-text col-text--block" style="width: 512px;">
                                    <input type="text"
                                           class="fn-block"
                                           id="address"
                                           name="address"
                                           maxlength="70"
                                           autocomplete="off"
                                           :placeholder="$t('common.addressRequireTip')"
                                           v-model="form.address">
                                    <div class="ui-tip"></div>
                                </div>
                            </div>
                            <div class="col-row col-row--btns">
                                <div class="col-label" style="width: 128px;">
                                    <label>&nbsp;</label>
                                </div>
                                <div class="col-text">
                                    <button type="submit"
                                            class="ui-btn ui-btn--block"
                                            v-if="isRequesting === false"
                                            @click="submit()">{{ $t('wallet.addAddress') }}
                                    </button>
                                    <button type="submit"
                                            class="ui-btn  ui-btn--block"
                                            disabled
                                            v-if="isRequesting === true">{{ $t('common.waiting') }}...
                                    </button>
                                </div>
                            </div>
                        </form>
                    </validator>
                </div>
            </div>
        </div>
        <div class="ui-account-box-inner">
            <div class="box-content">
                <loading v-if="isAddressLoading"></loading>
                <div v-if="isAddressLoading === false" class="address-list">
                    <div class="address-item" v-for ="item in coinAddressList">
                        <div class="item-body">
                            <div class="top">
                                <span class="tips">{{item.memo}}</span>
                                <span class="icon-bin" @click="deleteAddress(item.addressid, $event)"></span>
                            </div>
                            <!-- <div class="center">
                                <span class="green">已认证</span>
                            </div> -->
                            <div class="bottom">
                                {{item.address}}
                            </div>
                        </div>
                        <a class="item-button" @click="gosel(coinType,item.address)" :href="'#/withdraw/' + coinType + '?address=' + item.address">{{ $tc('common.withdraw', 2) }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>











